<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Voting DApp</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
</head>

<body class="container">
    <h1>Simple Voting DApp</h1>
    <div class="table-responsive">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Candidate</th>
                    <th>Vote Count</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Alice</td>
                    <td id="candidate-1"></td>
                </tr>
                <tr>
                    <td>Bob</td>
                    <td id="candidate-2"></td>
                </tr>
                <tr>
                    <td>Cary</td>
                    <td id="candidate-3"></td>
                </tr>
            </tbody>
        </table>
        <input type="text" id="candidate" />
        <!-- voteForCandidate() -->
        <a href="#" onclick="App.voteForCandidate()" class="btn btn-primary">Vote</a>
    </div>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js/dist/web3.min.js"></script>
<script src="index.js"></script>